<!DOCTYPE HTML>
<html>
	<head>
		<title>边框属性</title>
		<meta charset="utf-8"/>
	</head>	
	<style type="text/css">
		/*p{width: 150px;height:100px;background-color: #ececec;line-height: 100px;
		  border-width:thick;border-color: #0099ee;border-style:dotted;}*/
		  p{width: 150px;height:100px;background-color: #ececec;line-height: 100px;}
		  .one{border:10px #0099ee solid;} 
		  .two{border-top:5px red solid;
		       border-left:10px blue dotted;
		       border-right:10px blue dotted;
		       border-bottom:5px red solid;} 
	</style>
	<body>
	  <!-- border属性 -->
		<!-- <p>边框属性border</p> -->
	  <!-- border属性不同方向设置 -->
	    <p class="one">边框属性border</p>
	    <p class="two">边框属性border</p>	    
	</body>
</html>